<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="static/filterSelect/filterSelect.css" />
<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
<style>
.input-text{
 width:100px;
}
 .text{ 
   margin-left:110px;
 } 
.workDiv{
  background-color:#EEEEE0;
  padding:8px;
  margin:8px;
}
table{
  text-align:center;
}
#orderInput{
 width:200px;
}
.twoTwo{ 
	background-color:#E0FFFF;
}
.clearfix:after{
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfix{
  zoom:1;
}
  #queryForm{
  	margin-bottom:10px;
  }
 #queryForm>div{
 	float: left;
   	margin-right: 6px; 
   	margin-bottom: 12px;
 }
 
 #queryForm>span{
 	line-height:32px;
 }
/*  #allOrder #warehouseTable{
 	width:2051px !important;
 } */ 
 #warehouseTable tbody td button{
 	margin-left:5px;
 }
 #reportReturnReason{
 	width:200px;
 }
 
/*  .modal-content{
 	width:800px;
 } */ 
  table{
   	word-break: keep-all;
   	white-space:nowrap;
   }
   
   #printHead{
   	font-size:20px;
   	margin-buttom:20px;
   	display:inline-block;
   }
    #printTail{
   	font-size:20px;
   	margin-top:20px;
   	display:inline-block;
   }
   
   #printHead>div{
    margin-left: 20px;
    display: inline-block;
    margin-right: 30px;
    float: left;
   }
   #printTail>div{
   	margin-left: 20px;
    display: inline-block;
    margin-right: 30px;
    float: left;  
   }
   
   #printTitle{
   		width:100%;
   		text-align:center;
   		font-size:30px;
   }
   
   #printDiv{ 
   	display:none;
   	width:1120px;
   	text-align:center;
   	margin:auto;
   }
   
   
   @media print{
   	.page-container > div{
   		display:none !important;
   	}
   	#printDiv{
   		display:block !important;
   	} 
   	#printDiv > table{
	  	border:1px solid #000 !important;
	  	border-collapse:collapse;
	}
	tr,td,th{
	 	border:1px solid #000 !important;
	 }
   }
   
   #sumMoney{
   	    font-size: 14px;
    	margin-bottom: 12px;
   }
   
   #sumMoney>span{
   	margin-left:10px;
   }

	 
/* .center{ */
/*   text-align:center; */
/* } */
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>出入库查询</title>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container">
		   <div>
		   		<div id="queryForm" class="clearfix">
		   			<div>
			            <span>从</span>
			            <input type="text" id="startDay" onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;">
			            <span>到</span>
		          		<input type="text" id="yestarday" onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;">
	          		</div>
		         	<div>
			            <span>出入库：</span>
			            <select class='input-text' id='type'>
			               <option value=''>全部</option>           
			               <option value='1'>入库</option>           
			               <option value='2'>出库</option>            
			         	</select> 
		         	</div>
		         	<div>
			            <span>查询类型：</span>
			            <select class='input-text' id='queryType'>
			               <option value=''>全部</option>           
			               <option value='1'>我制的单</option>           
			               <option value='2'>我确认的</option>            
			         	</select> 
		         	</div>
		         	<div>
			         	<span>订单编号：</span> 
			         	<input type='text' class='input-text' id="orderId" autocomplete="off" list="orderIdList" />
			         	<datalist id="orderIdList"></datalist>
		         	</div>
		         	<div>
			         	<span>工厂型号：</span>
			         	<input type='text' class='input-text' id="factoryId" autocomplete="off" list="factoryIdList" />
			         	<datalist id="factoryIdList"></datalist>
		         	</div>
		         	
		         	<div>
			         	<span>客户型号：</span>
			         	<input type='text' class='input-text' id="coustomId" autocomplete="off" list="coustomIdList" />
			         	<datalist id="coustomIdList"></datalist>
		         	</div>
		         	<div>
		         		<span>仓库</span>
		         		<select id="warehouse" class='input-text'>
							<option value="1">原材料仓</option>
							<option value="2">辅料仓</option> 
							<option value="3">成品仓</option>
							<option value="4">报废品仓</option>
							<option value="5">待处理仓</option>
		         		</select>
		         	</div> 
		         	<div>
			         	<span>客户：</span>
			         	<input class='input-text' id="customerName" autocomplete="off" list="customerNameList" />
			         	<datalist id="customerNameList"></datalist>
		         	</div>
		         	<div> 
			         	<span>物料名称：</span>
			         	<input class='input-text' id="materialName" autocomplete="off" list="materialNameList"/>
			         	<datalist id="materialNameList"></datalist>
		         	</div>
		         	
		         	<div>
			         	<span>规格：</span>
			         	<input class='input-text' id="model" autocomplete="off" list="modelList" />
			         	<datalist id="modelList"></datalist>
		         	</div>
		         	<div> 
			         	<span>编号：</span>
			         	<input class='input-text' id="color" autocomplete="off" list="colorList" />
			         	<datalist id="colorList"></datalist>
		         	</div>
		         	<div>
			         	<span>供应商：</span>
			         	<input class='input-text' id="providerName" autocomplete="off" list="providerNameList" />
			         	<datalist id="providerNameList"></datalist>
		         	</div>
		         	<div> 
			         	<button class="btn btn-primary radius" id="queryWarehouseBtn">查询</button>
 			         	<button class="btn btn-primary radius" id="exportExcel">导出EXCEL</button>
			         	<button class="btn btn-primary radius" id="printWarehouse">打印</button>
		         	</div>  
		    	 </div>
		    	 
		    	 <!-- 金额汇总 -->
		    	 <div id="sumMoney">
		    	 	<span>出库金额汇总:</span><span class="warehouseOutSumMoney"></span>
		    	 	<span>入库金额汇总:</span><span class="warehouseInSumMoney"></span>
		    	 </div>
			     <div id="allOrder" hidden="hidden">
			        <table id="warehouseTable" class="table table-border table-bordered table-bg table-hover" >
			           <thead>
			              <tr>
			              	 <th>打印选择</th>
			                 <th>类型</th>
			                 <th>状态</th>
			                 <th>数量</th>
			                 <th>单价</th>
			                 <th>单位</th>
			                 <th>物料名称</th>
			                 <th>规格型号</th> 
			                 <th>编号</th>
			                 <th>供应商</th>
			                 <th>描述</th>
			                 <th>订单编号</th>
			                 <th>工厂型号</th>
			                 <th>客户型号</th>
			                 <th>备注</th> 
			               	 <th>客户</th>
			                 <th>制单人</th>
			                 <th>制单时间</th>
			                 <th>确认人</th>
			                 <th>确认时间</th>
			                 <th>仓位</th> 
			              </tr>
			           </thead>
			           <tbody></tbody>
			        </table>
			     </div>
		    </div>

			<!-- 打印页面 start -->
			<div id="printDiv" >
					<div id="printTitle">
						出库记录打印表
					</div>
					<div id="printHead">
						<div>
							<span>收货客户:</span><span id="receiveCustomer"></span>
						</div>
						<div>
							<span>送货时间:</span><span id="createTime"></span>
						</div>
						<!-- <div>
							<span>出库单号:</span><span id="createTime"></span>
						</div> --> 
					</div>
			        <table id="warehouseTablePrint" class="table table-border table-bordered table-bg table-hover" >
			           <thead>
			              <tr>
			                 <th>物料名称</th>
			                 <th>规格型号</th> 
			                 <th>编号</th>
			                 <th>描述</th>
			                 <th>工厂型号</th>
			                 <th>客户型号</th>
			                 <th>出库数量</th>
			               	 <th>出库单位</th>
			               	 <th>出库单价</th>
			              	 <th>金额</th>
			                 <th>备注</th>
			              </tr>
			           </thead>
			           <tbody></tbody>
			        </table>
			        <div id="printTail">
						<div>
							<span>发货人:</span><span id="consigner"></span>
						</div>
						<div>
							<span>验收人:</span><span id="acceptor"></span>
						</div>
						
					</div>
			</div>
			<!-- 打印页面 end -->
		    	
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script> 
<script type="text/javascript" src="static/filterSelect/filterSelect.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103828moment.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script> 
<script type="text/javascript" src="myJs/warehouseInOutFinancial.js"></script>
 
</body>
</html>